import React from 'react'
import { Input } from 'antd'
import './index.scss'

const setNameEl = ({ nickname, setNickname }) => {
  return (
    <div className="input-item">
      <label htmlFor="Avatar">昵称</label>
      <Input
        onChange={(e) => setNickname(e.target.value)}
        placeholder="请输入你的昵称"
        value={nickname} />
    </div>
  )
}

export default setNameEl
